import {FC,useEffect,useState} from 'react'
// 一个useEffect可以当成commentDidMount commentDidUpdate commentwillUnmount
const UseEffect:FC<any> = () => {
    let [count,setCount] = useState<number>(0)

    // useEffect副作用钩子，比如异步请求，操作dom可以称之为副作用，把这些逻辑放到副作用函数Effect里面
    useEffect(() => {
        document.title = '你修改了'+ count +'次'
        return () => {
            console.log('777');
            // 返回的函数会在组件卸载的时候执行
            document.title = '组件卸载了'
        }
    })

    const handleClick = () => {
        setCount(count+1)
    }
    return(
        <fieldset>
            <legend>基本使用</legend>
            <button onClick={handleClick}>点击改标题</button>
        </fieldset>
    )
}
export default UseEffect